﻿
a:hover{
	text-decoration:none;
	cursor:pointer;
	color:#f3ae35;

}
h1, h2, h3, h4, h5 {	
	font-weight: bold;	
}
h4 ,h3{
	font-size: 12px;	
}
p, ol, ul, li {
	font-size: 12px;
	white-space: normal;
	list-style:none;
}
p {
	text-align: justify;
}
.clear{
    clear:both;
	line-height:0;
	height:0;
	}
/*   Layout   */

/* palyArea */
#playArea{
	background:url(../images/bg.jpg) repeat-x scroll 0 0 transparent;
	border:medium none;
	height:375px;
	overflow:hidden;
	width:auto;
	_margin-top:-30px; 
	margin-top:-22px;
	}
#playArea .arrow-img{
	position:absolute;
	cursor: pointer;
	}	
.scroll-box {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
	}	
.scroll-box .imgcon {
    position: relative;
	}	
.imgcon {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
	}
.scroll-box .imgcon li {
    display: block;
    float: left;
	}
.imgcon .tit-area-bg {
    background:url(../images/bg_black.gif);
    height: 350px;
    opacity: 0.55;
    position: absolute;
    right: 0;
    top: 0;
    width: 270px;
	}
.imgcon .tit-area {
    background: none repeat scroll 0 0 transparent;
    height: 350px;
    position: absolute;
    right: 8px;
    top: 0;
    width: 250px;
}
.imgcon .tit-area .mctit {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 65px;
    text-align: left;
}
.mctit a {
    color: #cd8732;
}
.imgcon .tit-area p {
    color: #f6f6f6;
    line-height: 20px;
    margin: 0;
    text-align: left;
}
.blank20 {
    clear: both;
    display: block;
    height: 20px;
    overflow: hidden;
}
.blank6 {
    clear: both;
    display: block;
    height: 7px;
    overflow: hidden;
}
.imgmenu {
    margin: 0 auto;
    width: 200px;
}
.imgmenu li {
    background: url("../images/vindex_20.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 13px;
    margin-left: 3px;
    width: 18px;
}
.imgmenu .on {
    background: url("../images/vindex_22.png") no-repeat scroll 0 0 transparent;
}

/*subnv*/
.subNav {
    margin-top: 15px;
	background:url(../images/sub-bg.png) repeat-x;
	height:28px;
}

.subNav .wrap {
    height: 29px;
    padding: 0 15px;
    position: relative;
    width: 950px;
}
.subNav ul li{
	float:left;
	width:90px;
	padding-right:5px;}
.subNav ul li a{
	text-align:center;
	display:block;
	color:#666666;
	}
.subNav .on{
	background:url(../images/tab-on.png) no-repeat -1px -3px;
	height:27px;
		
	}
.contentt a:hover{
	background:url(../images/tab-on.png) no-repeat -1px -3px;
	height:27px;}
.subNav .on a{
	color:#C25572;}	

/* wrap  */
.wrap{
	margin:0 auto;
	width:960px;
	}
#main{
	float:left;
	width:615px;
	margin-top:10px;
	}	
.mod {
    padding: 13px 0 0;
}

/*product*/
.pro_list{
	margin-bottom:20px;
	float:left;}
.top_number{
	float:left;
	width:60px;
	}
.w_list ul li{
	}
.wine_img{
	float:left;
	width:140px;
	border:1px solid #f2f1f1;}
.wine_information{
	float:left;
	width:380px;
	padding-left:20px;
	}
.wine_information span a{
	color:#C25572;
	font-size:16px;
	font-weight:bold;
	}
.wine_information p{
	line-height:20px;}	
	
.bu_text li{
	background-image: url("../images/button.png");
	border: 0 solid #CCCCCC;
    color: #FFFFFF;
    height: 25px;
    width: 70px;
	float:left;
	margin-right:5px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
}
.bu_text li a{
	text-align:center;}
.bu_text li span{
	color:#fff;
   float:left;
   padding-left:3px;
	}
.bu_text p{
	color:#fff;
	float:left;
	font-size:10px;
	line-height:25px;
	
	}
.bu_text{
	margin-top:10px;
	height:28px;
	}
.star{
	float:left;}
.star img{
	float:left;
	}
.star strong{
	float:left;
	font-size:20px;
	color:#e01212;
	font-family:Americana Std;
	vertical-align:bottom;
	line-height:36px;
	}

/*side*/

#sidebar{
	float:right;
	width:310px;}
.comt{
    margin-bottom: -6px;
}
.mod h3 {
    color: #C25572;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 4px;
}
.mod h2 {
    color: #C25572;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 4px;
}
h2.comt-title {
    background: url("../images/commt.png") no-repeat scroll center center transparent;
    height: 46px;
    padding-left: 0;
    padding-right: 0;
    text-indent: -999em;
    width: 310px;
}
ul.comt-list li {
    display: block;
    height: 23px;
    line-height: 23px;
	padding-left:10px;
	
}
ul.comt-list li a {
    color: #333333;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 21em;
	background:url(../images/dotted.png) no-repeat -1px 6px;
	padding-left:10px;
}
ul.comt-list li a:hover {
    color: #C25572;
	text-decoration:underline;
}
.tag_list {
    background: none repeat scroll 0 0 #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 5px 10px;
}
.tag_list a.else {
    font-size: 16px;
}
.tag_list a {
    color: #333333;
    cursor: pointer;
    display: inline-block;
}
/*hot*/
.mod h3 {
    color: #C25572;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 4px;
	border-bottom:1px solid #CCCCCC;
}
.ment_list{
	margin-top:15px;
	height:185px;}
.ment_list_s{
	margin-top:15px;
	height:285px;}
.obu {
    display: inline;
    float: left;
    margin: 0 0 10px;
    width: 76px;
}
.obu dt {
    height: 50px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
.obu dd {
    height: 40px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
a.more {
    color: #333333;
}
.more {
    float: right;
	padding-top:8px;
}	
.taste_per{
	 background: none repeat scroll 0 0 #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 0;}
.taste_per ul{
	padding: 5px 10px;}
.taste_per li{
	verflow:hidden;
	padding:8px 4px;
	margin-bottom:10px;}
 .groupcover {
    float: left;
    margin: 0 10px 0 0;
}
 .groupcover, .groupcover a {
    display: block;
    height: 67px;
    overflow: hidden;
    width: 120px;
}
 .groupcover img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    display: inline-block;
    height: 67px;
    padding: 1px;
    width: 120px;
}
.taste_per .info{
	display:table;
	line-height:17px;}
.taste_per .info a {
	color: #333333;
    font-size: 14px;
    font-weight: bold;}
.taste_per .info span{
	color:#999999;}	
/*footer*/
#footer{
	background:url(../images/footer.png) repeat-x;
	 margin: 50px 0 0;
    padding: 11px 0 0;
	clear:both;
	height:135px;}
#footer .foot_con{
	width:610px;
	margin:0 auto;
	padding:15px;}	
#footer img{
	float:left;
	margin-right:10px;}	
#footer p{
	padding-top:3px;}
		
